<template>
    <div class="minadd">
		<navbar title="我的收货地址" icon="plus" address="newaddress"
		/>
		<div class="address">
			<!-- <div class="address_item" v-for="index,item in data" key:index  @click="goadderss(item)">
				<div>
					<div class="address_del" :style="{'background':status === true ? '#FFAB85':'#D4D4D4'}" >
						<div>
							<van-icon name="location-o" />
							<span>{{:status === true ? 默认收货地址:收货地址}}</span>
						</div>
						<div><van-icon name="arrow" /></div>
					</div>
					<div class="message">
						<div>
							<span class="nickname">{{item.nickname}}</span>
							<span class="phone">{{item.phone}}</span>
						</div>
						<div class="addresses">{{item.address}}</div>
					</div>
				</div>
			</div> -->
			<div class="address_item" @click="goadderss()">
				<div>
					<div class="address_del">
						<div>
							<van-icon name="location-o" />
							<span>默认收货地址</span>
						</div>
						<div><van-icon name="arrow" /></div>
					</div>
					<div class="message">
						<div>
							<span class="nickname">从此不敢看观音</span>
							<span class="phone">13900000000</span>
						</div>
						<div class="addresses">河南省郑州市瘦瘦的合肥市搭建客服是纳斯达克肺结核水电费会计核算大富科技收到货副驾驶的客户发斯蒂芬健康</div>
					</div>
				</div>
			</div>
			<div class="address_item" @click="goadderss()">
				<div>
					<div class="address_del" style="background-color: #d4d4d4;">
						<div>
							<van-icon name="location-o" />
							<span>收货地址</span>
						</div>
						<div><van-icon name="arrow" /></div>
					</div>
					<div class="message">
						<div>
							<span class="nickname">从此不敢看观音</span>
							<span class="phone">13900000000</span>
						</div>
						<div class="addresses">河南省郑州市瘦瘦的合肥市搭建客服是纳斯达克肺结核水电费会计核算大富科技收到货副驾驶的客户发斯蒂芬健康</div>
					</div>
				</div>
			</div>
		
    </div>
	</div>
</template>
<script>
	import navbar from "../../components/navbar.vue"
    import Vue from 'vue';
     import {AddressList, Toast  } from 'vant';

    Vue.use(AddressList).use(Toast )

    export default {
        name: "minadd",
		components:{navbar},
		
        data() {
            return {
                 areaList: { },
                 searchResult: [],
               };
        },
        mounted() {
        },
        created() {
        },
    methods: {
      // onSave() {
      //   Toast('save');
      // },
      // onDelete() {
      //   Toast('delete');
      // },
	  goadderss(){
		   this.$router.push({path:'/newaddress'})
	  }
     
    },
       
    }

</script>

<style lang="scss" scoped>
	.address{
		width: 90%;
		margin: 70px auto 10px;
		.address_item{
			
			margin-bottom: 10px;
			.address_del{
				display: flex;
				    padding: 6px;
				    justify-content: space-between;
				    width: 100%;
				    box-sizing: border-box;
				    background: #FFAB85;
				    align-items: center;
				    color: #fff;
				    font-size: 12px;
				    border-top-left-radius: 4px;
				    border-top-right-radius: 4px;
			}
			.message{
				background-color: #fff;
				padding: 10px;
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
			}
			.nickname{
				font-size: 14px;
			}
			.phone{
				font-size: 12px;
				color: #999999;
			}
			.addresses{
				font-size: 12px;
				margin-top: 10px;
				
			}
		}
		
	}

</style>